.detail-msg {
    padding: 15px;
    font-size: 35rpx;

    view {
        border-bottom: none;
        padding: 10rpx 8rpx;
        position: relative;
    }

    .detail-pic {
        width: 150rpx;
        height: 150rpx;
        padding: 15rpx 0;
        border: 1px solid #dfe0e3;
        margin: 0 8rpx;
        border-radius: 10rpx;
    }

    text {
        color: #2d8cf0;
        position: absolute;
        right: 10rpx;
    }

    .note {
        color: #2d8cf0;
    }

    .operate {
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        .btn {
            font-size: 35rpx;
            button{
                margin-right: 15rpx;
            }
        }

        .collected{
            display: none;
        }
    }

    .complain{
        font-size: 30rpx;
        color: red;
    }
}

.msg-board {
    padding: 0 30rpx;

    .msg-write{
        text-align: right;
        font-size: 32rpx;
        color: #f73d2a;
    }

    .msg-content {
        margin-bottom: 15rpx;

        .msg-detail {
            font-size: 35rpx;
            .msg-title {
                color: #2269db;
                font-size: 34rpx;
            }
        }
        .msg-time{
            text-align: right;
            font-size: 30rpx;
            margin-top: 8rpx;
            color: #777377;
            .msg-backword{
                color: #2269db;
                margin-right: 15rpx;
            }
        }
    }

    .no-msg{
        text-align: center;
        margin-top: 50rpx;
        font-size: 40rpx;
    }
}